<template>
  <van-notice-bar
    class="a9-notice-bar"
    v-bind="$attrs"
    v-on="$listeners"
    :left-icon="leftIcon">

    <slot></slot>

    <template #left-icon>
      <slot name="left-icon"></slot>
    </template>

    <template #right-icon>
      <slot name="right-icon"></slot>
    </template>

  </van-notice-bar>
</template>

<script>
export default {
  name: 'a9-notice-bar',
  inheritAttrs: false,
  props: {
    leftIcon: {
      type: String,
      default: 'volume-o'
    }
  }
}
</script>
